{#include file="top.php"#}
<script>
    function c_c(k) {
        $("[c='1']").hide();
        $("#top_div_" + k).show();
    }
</script>
<div class="body">
    <div class="main">
        <div class="function_box">
            {#foreach from=$top_report_list item=v key=k#}
            <div id="top_div_{#$k#}" c="1" {#if $k neq 0#}style="display:none;"{#/if#}>
				<div class="img_box"><p class="img_p"><a href="{#optimize_url('product', 'reportDetail','mtype='|cat:$v.member_type|cat:'&pid='|cat:$v.oid|cat:'&rid='|cat:$v.id)#}"><span><img src="{#$v._pic#}"></span></a></p></div>
                <div class="est_box">
                    <div class="hd">
                        <h2 class="title"><a class="title" href="{#optimize_url('product', 'reportDetail','mtype='|cat:$v.member_type|cat:'&pid='|cat:$v.oid|cat:'&rid='|cat:$v.id)#}">{#$v.title#}</a></h2>
                    </div>
                    <div class="bd">
                        <li class="first">
                            <div class="inner">
                                <p class="desp">
                                    <a href="{#optimize_url('product', 'reportDetail','mtype='|cat:$v.member_type|cat:'&pid='|cat:$v.oid|cat:'&rid='|cat:$v.id)#}">{#$v.body#}</a>
                                </p>
                            </div>
                        </li>
                    </div>
                </div>
            </div>
            {#/foreach#}
            <div class="est_box">
                <div class="bd">
                    {#foreach from=$top_report_list item=v key=k#}
                    <li {#if $k eq (count($top_report_list)-1)#}class="last"{#/if#} onmouseover="c_c({#$k#})">
                        <div class="inner">
							<div class="img_box"><p class="img_p"><a href="{#optimize_url('person', 'report','username='|cat:$v.username)#}"><span><img src="{#$v.photo_l#}" alt="" width="63"></span></a></p></div>
                            <p class="desp" style="text-align:center;">
                                <span class="name"><a class="name" href="{#optimize_url('person', 'report','username='|cat:$v.username)#}" >{#$v.username#}</a></span>
                            </p>
                        </div>
                    </li>
                    {#/foreach#}
                </div>
            </div>
        </div>

        <!--        <div class="function_box">
                    <div class="img_box">
                        {#foreach from=$top_report_list item=v key=k#}
                        <a id="top_img_{#$k#}" c="1" {#if $k neq 0#}style="display:none;"{#/if#} href="{#optimize_url('product', 'reportDetail','mtype='|cat:$v.member_type|cat:'&pid='|cat:$v.oid|cat:'&rid='|cat:$v.id)#}">
                            <img src="{#$v._pic#}" alt="" />
                        </a>
                        {#/foreach#}
                    </div>
                    <div class="est_box">
                        <div class="hd">
                            <h2 class="title"><a class="title" href="{#optimize_url('product', 'reportDetail','mtype='|cat:$top_report_list.0.member_type|cat:'&pid='|cat:$top_report_list.0.oid|cat:'&rid='|cat:$top_report_list.0.id)#}">{#$top_report_list.0.title#}</a></h2>
                        </div>
                        <div class="bd">
                            {#foreach from=$top_report_list item=v key=k#}
                            <li {#if $k eq 0#}class="first"{#else if $k eq (count($top_report_list)-1)#}class="last"{#/if#} onmouseover="c_img({#$k#})">
                                <div class="inner">
                                    <div class="img_box">
                                        <a href="{#optimize_url('person', 'report','username='|cat:$v.username)#}" >
                                            <img src="{#$v.photo_l#}" alt="" width="63" />
                                        </a>
                                    </div>
                                    <p class="desp">
                                        <span class="name"><a class="name" href="{#optimize_url('person', 'report','username='|cat:$v.username)#}" >{#$v.username#}</a>:</span>
                                        <a href="{#optimize_url('product', 'reportDetail','mtype='|cat:$v.member_type|cat:'&pid='|cat:$v.oid|cat:'&rid='|cat:$v.id)#}">{#if $k eq 0#}{#$v.body#}{#else#}{#$v.title#}{#/if#}</a>
                                    </p>
                                </div>
                            </li>
                            {#/foreach#}
                        </div>
                    </div>
                </div>-->

        <div class="sharing_box b_box">
            <div class="hd">
                <img alt="" src="/images/title/title_03.jpg" />
                <div class="sort">
                    <a class="curr" t1="1" href="javascript::" onclick="$('[t=2]').hide();
        $('[t=1]').show();
        $(this).addClass('curr');
        $('[t1=2]').removeClass();">體驗達人</a> | <a t1="2" href="javascript::" onclick="$('[t=1]').hide();
        $('[t=2]').show();
        $(this).addClass('curr');
        $('[t1=1]').removeClass();">試用專員</a>
                </div>
            </div>
            <div class="bd">
                <ul class="share_list" t="1">
                    {#foreach from=$new_share_reports5.result item=v key=k#}
                    <li {#if $k==1#}class="last"{#else if $k==2#}class="bottom"{#else if $k==3#}class="last bottom"{#/if#}>
                        <div class="avatar">
                            <a href="{#optimize_url('person', 'report','username='|cat:$v.username)#}" ><img name="" src="{#$v.photo_l#}" width="56" alt="" /></a>
                        </div>
                        <p class="name">
                            <a class="name" href="{#optimize_url('person', 'report','username='|cat:$v.username)#}" >{#$v.username#}</a>
                        </p>
                        <p class="age">
                            年齡：{#$v.age_group#}
                        </p>
                        <p class="type">
                            臉部膚質：{#$v.body_skin#}
                        </p>
                        <h3 class="title"><a class="title" href="{#optimize_url('product', 'reportDetail','mtype='|cat:$v.member_type|cat:'&pid='|cat:$v.oid|cat:'&rid='|cat:$v.id)#}">{#$v.title#}</a></h3>
                        <p class="desp">
                            <a class="desp" href="{#optimize_url('product', 'reportDetail','mtype='|cat:$v.member_type|cat:'&pid='|cat:$v.oid|cat:'&rid='|cat:$v.id)#}">{#$v.body#}</a>
                        </p>
                        <div class="img_box"><p class="img_p">
                            <a href="{#optimize_url('product', 'reportDetail','mtype='|cat:$v.member_type|cat:'&pid='|cat:$v.oid|cat:'&rid='|cat:$v.id)#}"><span>
                                <img src="{#$v._content.1.p1#}" alt="" />
                            </span></a></p>
							<p class="img_p">
                            <a href="{#optimize_url('product', 'reportDetail','mtype='|cat:$v.member_type|cat:'&pid='|cat:$v.oid|cat:'&rid='|cat:$v.id)#}"><span>
                                <img src="{#$v._content.2.p1#}" alt="" />
                            </span></a></p>
                        </div>
                        <i class="icon icon_master"></i>
                    </li>
                    {#/foreach#}
                </ul>
                <ul class="share_list" t="2" style="display:none">
                    {#foreach from=$new_share_reports1.result item=v key=k#}
                    <li {#if $k==1#}class="last"{#else if $k==2#}class="bottom"{#else if $k==3#}class="last bottom"{#/if#}>
                        <div class="avatar">
                            <a href="{#optimize_url('person', 'report','username='|cat:$v.username)#}" ><img name="" src="{#$v.photo_l#}" width="56" alt="" /></a>
                        </div>
                        <p class="name">
                            <a class="name" href="{#optimize_url('person', 'report','username='|cat:$v.username)#}" >{#$v.username#}</a>
                        </p>
                        <p class="age">
                            年齡：{#$v.age_group#}
                        </p>
                        <p class="type">
                            臉部膚質：{#$v.body_skin#}
                        </p>
                        <h3 class="title"><a class="title" href="{#optimize_url('product', 'reportDetail','mtype='|cat:$v.member_type|cat:'&pid='|cat:$v.oid|cat:'&rid='|cat:$v.id)#}">{#$v.title#}</a></h3>
                        <p class="desp">
                            <a class="desp" href="{#optimize_url('product', 'reportDetail','mtype='|cat:$v.member_type|cat:'&pid='|cat:$v.oid|cat:'&rid='|cat:$v.id)#}">{#$v.body#}</a>
                        </p>
                        <div class="img_box"><p class="img_p">
                            <a href="{#optimize_url('product', 'reportDetail','mtype='|cat:$v.member_type|cat:'&pid='|cat:$v.oid|cat:'&rid='|cat:$v.id)#}"><span>
                                <img src="{#$v._content.1.p1#}" alt="" />
                            </span></a></p><p class="img_p">
                            <a href="{#optimize_url('product', 'reportDetail','mtype='|cat:$v.member_type|cat:'&pid='|cat:$v.oid|cat:'&rid='|cat:$v.id)#}"><span>
                                <img src="{#$v._content.2.p1#}" alt="" />
                            </span></a></p>
                        </div>
                        <i class="icon icon_master {#if $v.user_type neq 5#}icon_master_g{#/if#}"></i>
                    </li>
                    {#/foreach#}
                </ul>
            </div>
        </div>
        <!--
        <div class="star_exp_box b_box">
            <div class="hd">
                <img alt="" src="/images/title/title_04.jpg"/>
            </div>
            <div class="bd">
                <ul class="star_exp_list">
                    {#foreach from=$userlist_cms item=v key=k#}
                    <li>
                        <div class="img_box">
                            <a href="{#optimize_url('person', 'report','username='|cat:$v.username)#}" ><img name="" src="{#$v.photo_l#}" width="88" alt="" /></a>
                        </div>
                        <h3 class="name"><a class="name" href="{#optimize_url('person', 'report','username='|cat:$v.username)#}" >{#$v.username#}{#$v.list_i#}</a></h3>
                        <p class="title">
                            {#$v.title#}
                        </p>
                        <p class="desp">
                            {#if !$v.report.member_type || !$v.report.oid || !$v.report.id#} {#else#}
                            <a class="desp" href="{#optimize_url('product', 'reportDetail','mtype='|cat:$v.report.member_type|cat:'&pid='|cat:$v.report.oid|cat:'&rid='|cat:$v.report.id)#}">{#$v.report.title#}</a>
                            {#/if#}
                        </p>
                    </li>
                    {#/foreach#}
                </ul>
            </div>
        </div>
        -->
		<!-- <div class="star_exp_box b_box">
            <div class="hd">
                <img alt="" src="/images/title/title_08.jpg"/>
            </div>
            <div class="bd">
                <ul class="star_exp_list">
                    {#foreach from=$fg_hilite_user item=v key=k#}
                    <li>
                        <div class="img_box">
                            <a href="{#$v.url#}" target="_blank"><img name="" src="{#$v._img#}" width="88" alt="" /></a>
                        </div>
                        <h3 class="name"><a class="name" target="_blank" href="{#$v.url#}" >{#$v.username#}</a></h3>
                        <p class="title">
                            {#$v.title#}
                        </p>
                        <p class="desp">
                            {#if $v.report#}
                            <a class="desp" href="{#optimize_url('product', 'fg','mtype='|cat:$v.report.member_type|cat:'&pid='|cat:$v.report.pid|cat:'&rid='|cat:$v.report.id)#}">{#$v.report.msg#}</a>
                            {#/if#}
                        </p>
                    </li>
                    {#/foreach#}
                </ul>
            </div>
        </div> -->
		
        <div class="exp_daren_box b_box">
            <div class="hd">
                <img alt="" src="/images/title/title_05.jpg"/>
            </div>
            <div class="bd">
                <ul class="exp_daren_list">
                    {#foreach from=$exp_click_list item=v key=k#}
                    <li {#if $k eq 0#}class="first"{#/if#} c1="{#$k#}">
                        <a href="{#optimize_url('person', 'report','username='|cat:$v.username)#}" >
                            <img src="{#$v.photo_l#}" {#if $k eq 0#}width="178"{#else#}width="85"{#/if#} alt="" />
                        </a>
                    </li>
                    {#/foreach#}
                </ul>
            </div>
        </div>

        <div class="rank_sum_box">
            <div class="rank_point_box b_box">
                <div class="hd">
                    <img alt="" src="/images/title/title_06.jpg"/>
                </div>
                <div class="bd">
                    <ul class="rank_point_list">
                        {#foreach from=$points_list.result item=v key=k#}
                        <li>
                            <i class="num num{#$k+1#}">{#$k+1#}</i>
                            <div class="img_box">
                                <a href="{#optimize_url('person', 'report','username='|cat:$v.username)#}" ><img name="" src="{#$v.photo_l#}" width="53" alt="" /></a>
                            </div>
                            <p class="name">
                                <a class="name" href="{#optimize_url('person', 'report','username='|cat:$v.username)#}" >{#$v.username#}</a>
                            </p>
                            <p class="desp">
                                {#if !$v.member_type || !$v.pid || !$v.rid#} {#else#}<a class="desp" href="{#optimize_url('product', 'reportDetail','mtype='|cat:$v.member_type|cat:'&pid='|cat:$v.pid|cat:'&rid='|cat:$v.rid)#}">{#$v.title#}</a>{#/if#}
                            </p>
                            <div class="point_box">
                                iTrial分: <span class="font_red">{#$v.points#}</span><i class="icon point"></i>
                            </div>
                        </li>
                        {#/foreach#}
                    </ul>
                </div>
            </div>

            <div class="rank_member_box b_box">
                <div class="hd">
                    <img alt="" src="/images/title/title_07.jpg"/>
                </div>
                <div class="bd">
                    <ul class="rank_member_list">
                        {#foreach from=$try_click_list item=v key=k#}
                        <li>
                            <i class="num num{#$k+1#}">{#$k+1#}</i>
                            <div class="img_box">
                                <a href="{#optimize_url('person', 'report','username='|cat:$v.username)#}" >
                                    <img src="{#$v.photo_l#}" width="53" alt="" />
                                </a>
                            </div>
                            <p class="name">
                                <a class="name" href="{#optimize_url('person', 'report','username='|cat:$v.username)#}" >
                                    {#$v.username#}
                                </a>
                            </p>
                            <p class="desp">
                                {#if !$v.member_type || !$v.oid || !$v.id#} {#else#}<a href="{#optimize_url('product', 'reportDetail','mtype='|cat:$v.member_type|cat:'&pid='|cat:$v.oid|cat:'&rid='|cat:$v.id)#}">{#$v.title#}</a>{#/if#}
                            </p>
                            <div class="point_box">
                                瀏覽數: <span class="font_red">{#$v.click#}</span>
                            </div>
                        </li>
                        {#/foreach#}
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- main-->
    <div class="sidebar">
        {#show_block('b2',1,'','sidebar_ad')#}
        {#show_block('b4',0,'','sidebar_workshop')#}
        {#show_block('b1',2,'','sidebar_function')#}
        {#show_block('b5',0,'','sidebar_top3 b_box')#}
        {#show_block('b9',0,'','sidebar_tutorial b_box')#}
        {#show_block('b6',0,'','sidebar_facebook')#}
    </div>
    <!-- sidebar -->

</div><!--body-->
{#foreach from=$exp_click_list item=v key=k#}
<div class="pop_comment" c2="{#$k#}" style="top:0 ; left:0; display: none;">
    <i class="comment_left"></i>
    <p class="comment_middle">
        {#$v.username#}
    </p>
    <i class="comment_right"></i>
</div>
{#/foreach#}
<script type="text/javascript" charset="utf-8">
    $(function() {
        $(".exp_daren_list li").hover(function() {
            var c = $(this).attr("c1");
            $("[c2=" + c + "]").show();
        }).mousemove(function(e) {
            var top = e.pageY + 5;
            var left = e.pageX + 10;
            var c = $(this).attr("c1");
            $("[c2=" + c + "]").css({
                "top": top + "px",
                "left": left + "px"
            });
        }).mouseout(function() {
            var c = $(this).attr("c1");
            $("[c2=" + c + "]").hide();
        });

    })
</script>
{#include file="footer.php"#}